@import '../../../../../common/_utils/style/mixins/mixins.scss';
@import '../../../../../common/_utils/style/theme/theme.scss';
@import '../../../../../common/collapse-card/style/collapse-card.scss';

@include b(fly-to) {
  $flyToPrefix: &;

  @include e(content) {
    width: 100%;
    height: 100%;
    padding: 16px;
    > i {
      font-size: 1.33em;
      display: inline-block;
      width: 40px;
      height: 28px;
      line-height: 28px;
      text-align: center;
      background-color: $collapse-card-header-bg;
      cursor: pointer;
      &:first-child {
        border-radius: 4px 0 0 4px;
      }
      &:nth-child(2) {
        margin: 0 1px;
      }
      &:last-child {
        border-radius: 0 4px 4px 0;
      }
      &:hover {
        color: $hover-color;
      }
      &.icon-disabled {
        color: $disabled-color;
        cursor: not-allowed;
      }
    }
  }
  .is-not-header {
    &.is-top-right, &.is-bottom-right {
      #{$flyToPrefix}__content {
        &:last-child {
          padding-right: 32px;
        }
      }
    }
    &.is-top-left, &.is-bottom-left {
      #{$flyToPrefix}__content {
        padding-left: 32px;
      }
    }
  }
}
